
<!DOCTYPE html>
<html>
<head lang="en">
    <base href="<?php echo $this->config->item('base_url')?>"/>
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            margin: 0;
        }
        .content{
            position:relative;
            margin: 0 auto;
            width:640px;
            height:960px;

            background: url(images/bg3.png) no-repeat;
            background-size: 100% 100%;
        }
        .input{
            position: absolute;
            top: 58.54166666666667%;
            border:none;

            width: 37.5%;
            height: 6.97916666666667%;
        }

        #btn_share{
            left:9.21875%;
            background:url(images/btn_share.png) no-repeat;
            background-size: 100% 100%;
        }
        #btn_submit{
            left:53.75%;
            background:url(images/btn_submit.png) no-repeat;
            background-size: 100% 100%;
        }

        #share-wx{
            background:rgba(0,0,0,0.8);
            position:absolute;
            top:0px;
            width:640px;
            height:100%;
            z-index:10000;
            display:none;
        }
        #share-wx img{
            width:100%;
            height:100%;
        }

    </style>
</head>
<body>
<section class="content">
    <input id="btn_share" type="button" class="input"/>
    <input id="btn_submit" type="button" class="input"/>
    <div id="share-wx">
        <img src="images/fenxiang.png"/>
    </div>
</section>
<script src="../WeEngine/web/resource/js/lib/jquery-1.11.1.min.js"></script>
<script src="../WeEngine/web/resource/js/lib/bootstrap.min.js"></script>
<script>
    (function($){
        $("#share-wx").click(function(){
            $(this).hide();
        });
        $("#btn_share").click(function(){
            $("#share-wx").show();
        });
    })(jQuery);
</script>
</body>
</html>